@import "../../../customGlobal.scss";
.recommend-message {
    padding: 0rem 0.62rem 0.62rem 0.62rem;
    margin-top: 0.32rem;
}
.recommend-message .center {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    background-image: url("../../../assets/img/recommend-bg@3x.png");
    background-size: 100%;
    background-repeat: repeat;
    height: 4.69rem;
    border-radius: 0.32rem;
}
.recommend-message .label {
    font-size: 0.87rem;
    font-weight: bold;
    color: rgba(158, 117, 87, 1);
    padding-right: 1rem;
    padding-left: 0.94rem;
}

.recommend-message .label2 {
    font-size: 0.75rem;
    font-weight: 500;
    color: #ff6314;
    line-height: 1.5rem;
    display: flex;
    margin-left: 0.93rem;
    flex: none;
    margin-top: 2.43rem;
    margin-right: 0.62rem;
    background: rgba(255, 133, 63, 0.15);
    border-radius: 6.25rem 0px 0px 6.25rem;
    padding-left: 0.68rem;
    height: 1.5rem;
    margin-right: 0.62rem;
}
.bgIcon {
    width: 4.25rem;
    height: 4.25rem;
    position: absolute;
    bottom: 0.62rem;
    left: 0.62rem;
}
.recommend-message2 {
    padding: 0rem 0.62rem 0.62rem 0.62rem;
    margin-top: 0.32rem;
    position: relative;
}
.recommend-message2 .label {
    font-size: 0.87rem;
    font-weight: bold;
    color: rgba(158, 105, 32, 1);
    line-height: 1.25rem;
    padding-right: 0.13rem;
    z-index: 2;
}

.recommend-message2 .label2 {
    font-size: 0.75rem;
    font-weight: 500;
    color: #ff6314;
    line-height: 1.5rem;
    display: flex;
    margin-left: 0.93rem;
    flex: none;
    margin-top: 2.43rem;
    margin-right: 0.62rem;
    background: rgba(255, 133, 63, 0.15);
    border-radius: 6.25rem 0px 0px 6.25rem;
    padding-left: 0.68rem;
    height: 1.5rem;
    margin-right: 0.62rem;
}
.center {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    background: rgba(255, 200, 0, 0.11);
    border-radius: 0.5rem;
    height: 4.69rem;
}
.label2 img {
    width: 0.37rem;
    height: 0.68rem;
    margin-left: 0.31rem;
    margin-right: 0.37rem;
}

.semicircle-label2 {
    display: flex;
    height: 2.5rem;
    margin-right: 0.5rem;
    background: #f7e9be;
    border-radius: 0.5rem;
}

.semicircle-label {
    display: flex;
    background: #f7e0be;
    border-radius: 6.25rem 0rem 0rem 6.25rem;
}

.semicircle-content {
    display: flex;
    align-items: center;
}
.semicircle-span {
    margin-left: 1rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: #9e6920;
    padding-right: 0.32rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.semicircle-img {
    height: 0.69rem;
    width: 0.38rem;
    margin-right: 0.63rem;
}
.semicircle-close-img {
    height: 0.75rem;
    width: 0.75rem;
    margin-right: 0.63rem;
    margin-left: 1rem;
    margin-top: 1.06rem;
    margin-bottom: 1.06rem;
}
.margin1 {
    margin-right: 1rem;
    padding-right: 0rem !important;
}

.cssType1 {
    height: 4.5rem;
    background: #ffffff;
    box-shadow: 0rem 0.13rem 1.25rem 0rem rgba(37, 38, 41, 0.1);
    border-radius: 0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.css1-label {
    display: flex;
    background: #e8eaed;
    border-radius: 6.25rem 0rem 0rem 6.25rem;
}

.css1Box {
    padding: 0.75rem;
}

.css1-span {
    margin-left: 1rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: #5c6e99;
    padding-right: 0.32rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.labelBox {
    margin-left: 1rem;
}
.label1 {
    color: #7e838c;
    font-size: 0.88rem;
}

.label2 {
    color: #252629;
    font-size: 0.88rem;
}

.label3 {
    color: #7e838c;
    font-size: 0.88rem;
}

.topTipsIcon {
    width: 2.25rem;
    height: 2.25rem;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
}
.leftBox {
    display: flex;
    align-items: center;
}

.button-lable {
    background: #fff7d9;
    border-radius: 1rem;
    border: 0.06rem solid #ffc800;
    font-size: 0.75rem;
    font-weight: 500;
    color: #9e6920;
    padding: 0.5rem 1rem;
    display: flex;
    flex-shrink: 0;
}

.bottomImg {
    display: flex;
    align-items: center;
    justify-content: center;
}

.newStyleLabel {
    background: rgba(255, 255, 255, 0.69);
    border-radius: 6.25rem 0rem 0rem 6.25rem;
    display: flex;
    align-items: center;
    padding: 0.5rem 0.38rem 0.5rem 0.5rem;
    width: 5.72rem;
}

.newStyleIcon {
    width: 0.31rem;
    height: 0.68rem;
    margin-left: 0.25rem;
}
